<div class="table-responsive fof-index">
    <table class="table table-bordered">
        <thead>
        <tr>
            <th>产品名称</th>
            <th style="width: 75px;">状态</th>
            <th style="width: 75px;">创建人</th>
            <th style="width: 96px;">成立日期</th>
            <th style="width: 75px;">FOF类型</th>
            <th style="width: 75px;">最新净值</th>
            <th style="width: 85px;">市值(万元)</th>
            <th style="width: 75px;">最大回撤</th>
            <th style="width: 72px;">年化收益率</th>
            <th style="width: 75px;">2016年收益率</th>
        </tr>
        </thead>
        <tbody id="userList">
        <tr v-for="fof in list">
            <td>{{fof.fullName}} &nbsp;&nbsp; <a v-on:click="go(fof);" href="javascript:;">展示</a></td>
            <td>{{fof.status | status}}</td>
            <td>{{fof.owner}}</td>
            <td>{{fof.createDate | date}}</td>
            <td>{{fof.productTypeName}}</td>
            <td>{{fof.netWorth}}</td>
            <td>{{fof.marketWorth}}</td>
            <td>{{fof.huiche}}%</td>
            <td>{{fof.yearProfit}}%</td>
            <td>{{fof.curYearProfit}}%</td>
        </tr>
        </tbody>
    </table>
</div>
<div style="text-align: center;">
    <ul id="indexPage" class="pagination"></ul>
</div>
<p>
    <button type="button" class="btn btn-primary create" v-on:click="create();">新建FOF</button>
</p>